<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../../js/plugins/angular/angular.min.js" type="text/javascript"></script>
</head>
<body>
<div ng-app="hd" ng-controller="ctrl">

    <!-- <option value="beijing">北京</option> -->
    <select ng-options="v.value as v.name for v in data" ng-model="city">
        <option value="">选择城市</option>
    </select>
    {{city}}


</div>
<script>
    var m = angular.module('hd',[]);
    m.controller('ctrl',['$scope',function ($scope) {
        // 设置默认值
        $scope.city = 'beijing';

        $scope.data = [
            {name:'北京' , value:'beijing'},
            {name:'上海' , value:'shanghai'},
            {name:'福建' , value:'fujian'},
        ]



    }])
</script>


</body>
</html>